/*
 * @Description:盒规则
 * @Author: Zzt
 * @Date: 2022-10-26 19:54:36
 * @LastEditTime: 2022-11-14 19:31:21
 */
import { BoxConfigContextProvider } from './contexts/BoxConfigContext';
import classNames from 'classnames/bind';
import cs from 'classnames';
import styles from './styles/boxConfig.module.scss';
import PageOperate from './components/PageOperate';
import PageList from './components/PageList';

const cx = classNames.bind(styles);

const BoxConfigMain = () => {
  return (
    <>
      <BoxConfigContextProvider>
        <div className={(cx('box-outSide'), cs('pane-container'))}>
          <div className={cx('box-operate')}>
            <PageOperate />
          </div>
          <div>
            <PageList />
          </div>
        </div>
      </BoxConfigContextProvider>
    </>
  );
};
export default BoxConfigMain;
